/* 
    Document   : style
    Created on : Jan 7, 2012, 12:57:07 PM
    Author     : gofrendi
    Description:
        Purpose of the stylesheet follows.
*/
.not_shown{
	display: none;
}

.clear{
	clear: both;
}

.layout_widget_container input, .layout_widget_container textarea {
    max-width: 100%;
}

body {
	padding-top: 60px;  
	padding-bottom:40px;
	padding-right:0px;
	padding-left:0px;
}

footer{
	padding: 10px;
}

#layout-banner{
	/* IE10 */ 
	background-image: -ms-linear-gradient(top left, white 0%, gray 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, white 0%, gray 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, white 0%, gray 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, white), color-stop(1, gray));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, white 0%, gray 100%);
	
	/* Proposed W3C Markup */ 
	background-image: linear-gradient(top left, white 0%, gray 100%);
}

#layout-content{
	padding:5px;
	margin-left:0px;
	
	/* IE10 */ 
	background-image: -ms-linear-gradient(top left, white 0%, #EEEEEE 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, white 0%, #EEEEEE 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, white 0%, #EEEEEE 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, white), color-stop(1, #EEEEEE));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, white 0%, #EEEEEE 100%);
	
	/* Proposed W3C Markup */ 
	background-image: linear-gradient(top left, white 0%, #EEEEEE 100%);
}


/* grocery-CRUD flexigrid */
.pGroup select#per_page
{
    max-width: 54px;
}
.pGroup .pcontrol input
{
    max-width: 59px;
}
.form-input-box>input, .form-input-box>textarea,
.form-input-box>div.chzn-container, .form-input-box div.chzn-drop{
    width: 400px!important;
}
.form-input-box>div.ui-multiselect{
	max-width: 440px;
	border: 1px solid gray;
}
.form-input-box>div.ui-multiselect>div.selected{
    max-width: 213px;
}
.form-input-box>div.ui-multiselect>div.available{
    max-width: 225px;
}
.pGroup .btnseparator
{
    float: left;
    margin: 2px;	
}

/* end of grocery-CRUD flexigrid */

/* Landscape phones and down */
@media (max-width: 480px){    
    .form-input-box>input, .form-input-box>textarea,
    .form-input-box>div.chzn-container, .form-input-box div.chzn-drop{
        width: 250px!important;
	    float: left!important;
	}
	.form-display-as-box{
	   width: 100%!important;
	}
	
	.flexigrid table td,
	.flexigrid table th{
	    display: none!important;
	}
	.flexigrid table td:first-child,
	.flexigrid table th:first-child,
	.flexigrid table td:last-child,
	.flexigrid table th:last-child
	{
	    display: table-cell!important;
	}
}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 768px)  {    
    .form-input-box>input, .form-input-box>textarea,
    .form-input-box>div.chzn-container, .form-input-box div.chzn-drop{
        width: 300px!important;
        float: left!important;
    }
    .form-display-as-box{
       width: 100%!important;
    }
    
    .flexigrid table td,
    .flexigrid table th{
        display: none!important;
    }
    .flexigrid table td:first-child,
    .flexigrid table th:first-child,
    .flexigrid table td:last-child,
    .flexigrid table th:last-child,
    .flexigrid table td:nth-child(2),
    .flexigrid table th:nth-child(2)
    {
        display: table-cell!important;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 769px)  and (max-width: 978px) {
    .flexigrid table td,
    .flexigrid table th{
        display: none!important;
    }
    .flexigrid table td:first-child,
    .flexigrid table th:first-child,
    .flexigrid table td:last-child,
    .flexigrid table th:last-child,
    .flexigrid table td:nth-child(2),
    .flexigrid table th:nth-child(2),
    .flexigrid table td:nth-child(3),
    .flexigrid table th:nth-child(3),
    .flexigrid table td:nth-child(4),
    .flexigrid table th:nth-child(4)
    {
        display: table-cell!important;
    }
}

/* normal desktop */
@media (min-width: 979px) and (max-width: 1199px)  {
}

/* Large desktop */
@media (min-width: 1200px) {
}
